<template>
	<view class="x-wrapper">
		<view class="x-main-content">
			<u-navbar title="陪护" :fixed="true" leftIcon=" " placeholder bgColor='#fff'>
			</u-navbar>
			<view class="top-bar">
				<search @toSearch="toSearch"></search>
				<view class="navs-box">
					<u-tabs :list="tabs" keyName="label" lineColor="#386FFF" lineHeight="6rpx"
						:inactiveStyle="searchInactiveStyle" :activeStyle="searchActiveStyle"
						:itemStyle="searchTabItemStyle" :current="current" :scrollable="false" @click="tabsClick">
					</u-tabs>
				</view>
			</view>
			<view class="mainPadding" v-if="showFlag">
				<peihuCard @click.native="goCompanionDetail(item)" v-for="(item,index) in showOptions" :key="index"
					:peihuInfo="item" />
			</view>
		</view>
		<tabBar :selectedIndex="selectedTabIndex"></tabBar>
	</view>
</template>

<script>
	import search from '@/components/search.vue'
	import peihuCard from '@/pages/business/components/peihuCard.vue'
	export default {
		components: {
			peihuCard,
			search
		},
		data() {
			return {
				params: {
					cityCode: '',
					name: '',
					pageNum: 1,
					pageSize: 20
				},
				showFlag: false,
				current: 0,
				tabs: [{
						label: '全部',
						value: ''
					},
					{
						label: '陪诊',
						value: 1
					},
					{
						label: '护工',
						value: 2
					},
					{
						label: '护工到家',
						value: 3
					}
				],
				peihus: [{
						id: 1,
						name: '刘芳',
						type: 0,
						typeDesc: '陪诊',
						peizhengNo: 20,
						workTime: 1,
						score: 100,
						subscribeNo: 26,
						img:"https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F12389054036880643.jpg",
						// img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F41720748663632514.png',
						introduction: '一位经验丰富的陪诊师，拥有多年的陪诊经验。她熟悉全国各大医院的科室分布、就医流程和注意事项，能够为您提供便捷的就医体验。在服务过程中，她始终保持耐心、细心和贴心，致力于为您创造一个舒适、安心的就医环境。此外，她还具备丰富的医疗知识，能够为您提供专业的就医建议和健康咨询服务。'
					},

					{
						id: 2,
						name: '陈婷',
						type: 1,
						typeDesc: '护工到家',
						peizhengNo: 10,
						workTime: 3,
						score: 100,
						subscribeNo: 23,
						img: require('@/static/home/doctor_1.png'),
						introduction: '拥有三年的护工经验，擅长为老年人和行动不便的人提供服务。熟悉各大医院的就医流程，始终以患者为中心，提供全方位的陪诊服务。'
					},
					{
						id: 3,
						name: '李丽',
						type: 0,
						typeDesc: '陪诊',
						peizhengNo: 11,
						workTime: 2,
						score: 100,
						subscribeNo: 28,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F455568044340347.png',
						introduction: '一位富有同情心和耐心的陪诊师，她深知就医过程中的焦虑和不安，因此会竭尽全力为您提供贴心、周到的服务。医学专业背景，精通各类疾病的知识。对每位患者都热情细心，以自己的专业知识为他们提供最佳的就医方案'
					},
					{
						id: 4,
						name: '苏云',
						type: 2,
						typeDesc: '护工',
						peizhengNo: 5,
						workTime: 4,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F6810452223188245.png',
						introduction: '拥有四年的护工经验。拥有丰富的急救经验，熟悉各种突发状况的处理。陪诊过程中，始终保持高度的警觉，确保患者的安全。'
					},
					{
						id: 5,
						name: '王亮',
						type: 2,
						typeDesc: '护工',
						peizhengNo: 18,
						workTime: 4,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F39571330156432737.png',
						introduction: '拥有四年的护工经验，对全国各大医院的医生、药品和治疗方法有深入的了解。他能够根据您的病情和需求，为您推荐合适的医生和治疗方案。此外，他还能够为您提供各种生活服务，如订餐、购物等，让您在就医期间享受到便利的生活体验。同时，他还能够为您提供健康教育服务，帮助您了解更多的健康知识和生活技能。在服务过程中，他始终坚持用诚信和专业赢得您的信任和满意。'
					},
					{
						id: 6,
						name: '周亮',
						type: 2,
						typeDesc: '护工',
						peizhengNo: 16,
						workTime: 3,
						score: 100,
						subscribeNo: 21,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F766273862717786.jpg',
						introduction: '拥有三年的护工经验，对各类慢性病有深入的了解，能够为患者提供个性化的就医建议。致力于让患者得到最合适的医疗照护'
					},
					{
						id: 7,
						name: '吴昊',
						type: 2,
						typeDesc: '护工',
						peizhengNo: 16,
						workTime: 2,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F8362623132990299.jpg',
						introduction: '拥有二年的护工经验，擅长与患者沟通，了解他们的需求和担忧。通过贴心的服务，帮助患者放松心情，享受就医过程。'
					},
					{
						id: 8,
						name: '郑婷',
						type: 1,
						typeDesc: '护工到家',
						peizhengNo: 16,
						workTime: 5,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F10537121217754298.jpeg',
						introduction: '拥有五年的护工经验，注重细节，善于发现患者可能忽视的问题。始终站在患者的角度思考，为他们提供最合适的解决方案。精通多语种，能够为外籍人士和语言沟通有障碍的患者提供服务。致力于打破就医的语言障碍。'
					},
					{
						id: 9,
						name: '冯磊',
						type: 2,
						typeDesc: '护工',
						peizhengNo: 15,
						workTime: 3,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F16699967933096493.jpg',
						introduction: '拥有三年的护工经验，熟悉各类医疗政策，能够为患者提供最佳的就医策略。陪诊过程中，始终保持耐心，确保患者得到满意的服务。'
					},
					{
						id: 10,
						name: '邓勇',
						type: 0,
						typeDesc: '陪诊',
						peizhengNo: 12,
						workTime: 3,
						score: 100,
						subscribeNo: 28,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F27005024785474285.jpg',
						introduction: '一位资深的陪诊师，注重与患者的互动和沟通，通过愉快的交流减轻他们的焦虑和紧张。陪诊过程充满温馨和关爱。善于发现患者的心理需求，为他们提供心理支持和疏导。陪诊过程中，帮助患者保持良好的心态。'
					},
					{
						id: 11,
						name: '韩静',
						type: 1,
						typeDesc: '护工到家',
						peizhengNo: 15,
						workTime: 2,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F9870879623026682.webp',
						introduction: '拥有二年的护工经验，熟悉各类医疗设备的操作和使用，能够为患者提供最佳的设备使用建议。陪诊过程中，确保患者的安全和舒适。善于发现患者的潜在健康问题，为他们提供预防性的医疗建议。始终以患者的健康为首要考虑。'
					},
					{
						id: 12,
						name: '谢瑶',
						type: 1,
						typeDesc: '护工到家',
						peizhengNo: 16,
						workTime: 3,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F39571330156432737.png',
						introduction: '拥有三年的护工经验，善于与医生沟通，确保患者得到最佳的治疗方案。陪诊过程中，始终与医生保持紧密的联系和协作。对各类药品有深入的了解，能够为患者提供最佳的用药方案。陪诊过程中，确保患者的用药安全和合理。'
					},
					{
						id: 13,
						name: '刘洋',
						type: 2,
						typeDesc: '护工',
						peizhengNo: 16,
						workTime: 2,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F7463946088678641.jpg',
						introduction: '拥有二年的护工经验，熟悉各类医疗设备的操作和使用，能够为患者提供最佳的设备使用建议。陪诊过程中，确保患者的安全和舒适。善于发现患者的心理需求，为他们提供心理支持和疏导。陪诊过程中，帮助患者保持良好的心态。'
					},
					{
						id: 14,
						name: '许峰',
						type: 1,
						typeDesc: '护工',
						peizhengNo: 13,
						workTime: 2,
						score: 100,
						subscribeNo: 33,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F27113526274857855.jpg',
						introduction: '拥有二年的护工经验，擅长为老年人和行动不便的人提供服务。熟悉各大医院的就医流程，始终以患者为中心，提供全方位的陪诊服务。'
					},
					{
						id: 15,
						name: '丁浩',
						type: 0,
						typeDesc: '陪诊',
						peizhengNo: 16,
						workTime: 3,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F18787088994111423.jpg',
						introduction: '一位资深的陪诊师，对各类慢性病有深入的了解，能够为患者提供个性化的就医建议。致力于让患者得到最合适的医疗照护。'
					},
					{
						id: 16,
						name: '赵敏',
						type: 0,
						typeDesc: '陪诊',
						peizhengNo: 18,
						workTime: 2,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F9527883289279192.jpeg',
						introduction: '一位经验丰富的陪诊师，精通多语种，能够为外籍人士和语言沟通有障碍的患者提供服务。致力于打破就医的语言障碍。注重细节，善于发现患者可能忽视的问题。始终站在患者的角度思考，为他们提供最合适的解决方案。'
					},
					{
						id: 17,
						name: '王强',
						type: 0,
						typeDesc: '陪诊',
						peizhengNo: 20,
						workTime: 3,
						score: 100,
						subscribeNo: 43,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F18477378852737036.webp',
						introduction: '一位经验丰富的陪诊师，熟悉各类医疗政策，能够为患者提供最佳的就医策略。陪诊过程中，始终保持耐心，确保患者得到满意的服务。善于发现患者的心理需求，为他们提供心理支持和疏导。陪诊过程中，帮助患者保持良好的心态。'
					},
					{
						id: 18,
						name: '李丽',
						type: 0,
						typeDesc: '陪诊',
						peizhengNo: 20,
						workTime: 4,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F2004566581959074.webp',
						introduction: '一位经验丰富的陪诊师，熟悉各类医疗保险的申请流程和规定，能够为患者提供最佳的保险理赔方案和费用报销指导。陪诊过程中，确保患者的权益得到保障和维护。'
					},
					{
						id: 19,
						name: '张华',
						type: 0,
						typeDesc: '陪诊',
						peizhengNo: 16,
						workTime: 2,
						score: 100,
						subscribeNo: 23,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F5092242092900245.webp',
						introduction: '一位经验丰富的陪诊师，善于发现患者的潜在健康问题，为他们提供预防性的医疗建议和健康管理方案。始终以患者的健康为首要考虑。对各类药品有深入的了解和经验，能够为患者提供最佳的用药方案和合理的药物管理建议。陪诊过程中，确保患者的用药安全和合理。'
					},
					{
						id: 20,
						name: '陈大勇',
						type: 0,
						typeDesc: '陪诊',
						peizhengNo: 10,
						workTime: 3,
						score: 100,
						subscribeNo: 26,
						img: 'https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F858300410993995.webp',
						introduction: '一位经验丰富的陪诊师，注重与患者的互动和沟通，通过愉快的交流减轻他们的焦虑和紧张。陪诊过程充满温馨和关爱，让患者感受到温暖的家庭式关怀。熟悉各类检查的注意事项和技巧，能够为患者提供最佳的检查方案和准确解读报告。陪诊过程中，确保患者的安全和舒适。'
					},
					{
						id: 21,
						name: '周洪波',
						type: 1,
						typeDesc: '护工到家',
						peizhengNo: 12,
						workTime: 3,
						score: 100,
						subscribeNo: 23,
						img: "https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F3847557569665561.webp",
						introduction: '拥有三年的护工经验，对中医诊疗有深入的了解和实践经验，能够为患者提供中西医结合的治疗建议和养生指导。致力于让患者体验到中医的独特魅力。注重细节，善于发现患者可能忽视的问题和潜在的健康隐患。始终站在患者的角度思考，为他们提供最合适的解决方案。'
					},
					{
						id: 22,
						name: '吴军',
						type: 1,
						typeDesc: '护工到家',
						peizhengNo: 11,
						workTime: 3,
						score: 100,
						subscribeNo: 23,
						img: "https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F1039548542682116.webp",
						introduction: '拥有三年的护工经验，悉各类医疗设备和检查技术，能够为患者提供专业、准确的检查指导。陪诊过程中，始终保持高度的警觉，确保患者的安全和舒适。'
					},
					{
						id: 23,
						name: '郑伟',
						type: 1,
						typeDesc: '护工到家',
						peizhengNo: 9,
						workTime: 3,
						score: 100,
						subscribeNo: 24,
						img: "https://peiyiwang.obs.cn-east-3.myhuaweicloud.com:443/file%2F80288962099539685.webp",
						introduction: '拥有三年的护工经验，有良好的沟通能力和服务意识。他对全国各大医院的医疗设备和治疗手段有深入的了解，能够为您提供专业的就医建议。同时，他还能够为您提供医院周边的生活信息，帮助您更好地适应就医环境。在服务过程中，他始终坚持用心服务，让您感受到家的温暖和关爱。'
					},
				],
				showOptions: []
			}
		},
		computed: {
			selectedTabIndex() {
				return uni.getStorageSync('userWindow') === '001' ? 2 : null
			}
		},
		onShow() {
			uni.hideTabBar({
				animation: false
			})
			let city = uni.getStorageSync('myAddress')
			uni.showLoading({
				title: '加载中',
				mask: true,
			})
			setTimeout(() => {
				uni.hideLoading()
				if (city) {
					this.showFlag = true
				} else {
					uni.showModal({
						title: '提示',
						content: '您还未选择城市,是否前去选择?',
						success: res => {
							if (res.confirm) {
								uni.navigateTo({
									url: '/pages/business/chooseItem?code=' + 'city'
								})
							} else if (res.cancel) {
								uni.switchTab({
									url: '/pages/business/home',
								})
							}
						}
					})
				}
			}, 500)
		},
		created() {
			this.showOptions = this.peihus
		},
		onHide() {
			this.showFlag = false
		},
		methods: {
			tabsClick(e) {
				this.current = e.search
				if (e.label == '全部') {
					this.showOptions = this.peihus
				} else {
					this.showOptions = this.peihus.filter(i => {
						return i.typeDesc == e.label
					})
				}
			},
			goCompanionDetail(item) {
				uni.navigateTo({
					url: '/pages/companion/companion-detail?data=' + encodeURIComponent(JSON.stringify(item)),
				})
			},
			toSearch(ctx) {
				this.showOptions = this.showOptions.filter(i => {
					return i.name.includes(ctx)
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.navs-box {
		padding: 10rpx;
		background: #fff;
	}

	.mainPadding {
		padding-top: 30rpx;
		padding-left: 38rpx;
		padding-right: 38rpx;
		box-sizing: border-box;
		margin-top: 200rpx;
		padding-bottom: calc(100rpx + env(safe-area-inset-bottom));
	}

	/deep/.u-tabs__wrapper__nav__item {
		height: 88rpx !important;
	}

	.top-bar {
		position: fixed;
		width: 100%;
	}
</style>